div.groups-students-selector {
    position:relative;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > div.no-students-msg {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    color:#8f8f8f;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > div.no-students-msg:only-child {
    display:table;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > div.no-students-msg > span {
    display:table-cell;
    vertical-align:middle;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > label {
    position:relative;
    transition-property:all;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > label.selected > label {
    transition-property:all;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > label:hover {
    background-color:#f7f7f7;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > label.selected {
    background-color:#f7f7f7;
}

div.groups-students-selector > div.form-container > div.content > div.form-input > label.selected > label {
    opacity:0.25;
}


div.groups-students-selector > div.all-students {
    width:49%;
    margin:0;
}

div.groups-students-selector > div.all-students > div.content > div.search {
    position:relative;
    margin-bottom:10px;
}

div.groups-students-selector > div.all-students > div.content > div.search > span.icon {
    position:absolute;
    top:10px;
    right:4px;
    color:#b5b5b5;
    font-size:24px;
}

div.groups-students-selector > div.all-students > div.content > div.search > input {
    border:1px solid #c5c5c5;
    border-radius:3px;
    overflow:hidden;
    background:#fff;
    font-size:10px;
    padding:3px 5px;
    box-sizing: border-box;
    width:100%;
}

div.groups-students-selector > div.all-students > div.content > div.search > button.clear {
    display:none;
    position:absolute;
    height:20px;
    width:20px;
    top:1px;
    right:1px;
    padding:0;
    color:#b5b5b5;
    background:none;
    border:none;
    box-sizing:border-box;
}

div.groups-students-selector > div.all-students > div.content > div.search > button.clear > span.icon {
    font-size:24px;
}

div.groups-students-selector > div.all-students > div.content > div.search > button.clear > span.text {
    display:none;
}

div.groups-students-selector > div.all-students > div.content > div.filters {
    font-size:9px;
    margin-bottom:10px;
}

div.groups-students-selector > div.all-students > div.content > div.filters > strong {
    display:inline-block;
    margin-right:5px;
    text-transform:uppercase;
}

div.groups-students-selector > div.all-students > div.content > div.form-input {
    height:250px;
    overflow:auto;
}

div.groups-students-selector > div.selected-students > div.content > div.form-input {
    height:280px;
    overflow:auto;
}

div.groups-students-selector.filters > div.selected-students > div.content > div.form-input {
    height:307px;
    overflow:auto;
}

div.groups-students-selector > div.all-students > div.content > div.form-input > label {
    cursor:pointer;
}


div.groups-students-selector > div.selected-students {
    position:absolute;
    top:0;
    left:51%;
    width:49%;
    height:100%;
    margin:0;
}

div.groups-students-selector > div.selected-students > div.content > div.form-input > label > input {
    display:none;
}

div.groups-students-selector > div.selected-students > div.content > div.form-input > label > button {
    opacity:0;
    position:absolute;
    transition-property:all;
    top:4px;
    right:10px;
    font-size:9px;
}

div.groups-students-selector > div.selected-students > div.content > div.form-input > label:hover > button {
    opacity:1;
}

